<template>
  <div class="footera">
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm-12">
          <h2 class="wow fadeIn" data-wow-delay="0.5s">关注我们</h2>
          <ul class="social-icon">
            <li>
              <a href="#" class="fa fa-facebook wow bounceIn" data-wow-delay="0.4s"></a>
            </li>
            <li>
              <a href="#" class="fa fa-twitter wow bounceIn" data-wow-delay="0.5s"></a>
            </li>
            <li>
              <a href="#" class="fa fa-behance wow bounceIn" data-wow-delay="0.6s"></a>
            </li>
            <li>
              <a href="#" class="fa fa-dribbble wow bounceIn" data-wow-delay="0.7s"></a>
            </li>
            <li>
              <a href="#" class="fa fa-github wow bounceIn" data-wow-delay="0.8s"></a>
            </li>
            <li>
              <a href="#" class="fa fa-android wow bounceIn" data-wow-delay="0.9s"></a>
            </li>
            <li>
              <a href="tel:13146318468" class="fa fa-phone wow bounceIn" data-wow-delay="1s"></a>
            </li>
          </ul>
        </div>
        <div class="col-md-12 col-sm-12 copyright">
          <p>
            北京芝麻众创科技发展有限公司
            <br>
            <a target="_blank" href="#">备案号：京ICP备 19009023</a>
          </p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "footera"
};
</script>

<style scoped>
a {
  text-decoration: none;
}
li {
  list-style: none;
}
/* footer section */
.footera {
	background: #202020;
	color: #ffffff;
	/*border-bottom: 10px solid #ffffff;*/
	padding-top: 60px;
	padding-bottom: 60px;
}

.footera h2 {
	padding-top: 40px;
	padding-bottom: 20px;
}

.footera p {
	line-height: 20px;
}

.footera .copyright a {
	color: #eb5424;
}

.social-icon {
	padding: 0;
	margin: 0;
	text-align: center;
	vertical-align: middle;
}

.social-icon li {
	list-style: none;
	display: inline-block;
}

.social-icon li a {
	background: #f8f8f8;
	border-radius: 100%;
	color: #eb5424;
	font-size: 32px;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
	margin: 0 6px 40px 6px;
}

.social-icon li a:hover {
	background: #080808;
}

@media screen and (max-width:980px) {
	.navbar-default .navbar-nav li a {
		padding-right: 14px;
		padding-left: 14px;
		font-size: 13px;
	}

	#intro h2 {
		font-size: 24px;
	}

	#work .title {
		padding: 80px 20px 20px 20px;
	}

	.portfolio-thumb .portfolio-overlay {
		padding-top: 24px;
	}
}

@media (max-width:767px) {
	.navbar-brand {
		padding-top: 6px;
	}
}

@media (max-width:400px) {
	#home h1 {
		font-size: 32px;
	}

	#home h2 {
		font-size: 22px;
	}

	#intro h2 {
		font-size: 20px;
	}

	.portfolio-thumb .portfolio-overlay {
		padding-top: 60px;
	}
}
</style>
